import "./foot.scss";
const Footer = () => {
  const lists = [
    { name: "入驻多多国际", id: 1 },
    { name: "校园招聘", id: 2 },
    { name: "关于我们", id: 3 },
    { name: "帮助中心", id: 4 },
    { name: "下载App", id: 5 },
    { name: "消费者保障", id: 6 },
    { name: "维权投诉指引", id: 7 },
    { name: "廉正举报", id: 8 },
    { name: "服务协议", id: 9 },
    { name: "隐私政策", id: 10 },
    { name: "征求意见", id: 11 },
    { name: "Investor Relations", id: 12 }
  ];
  return (
    <div className="pdd-foot">
      <div className="pdd-foot-head">
        <div className="qrcode-group">
          <div className="qrcode">
            <img
              src={require("../view/assets/foot/pdd_foot_wechat.png").default}
              alt="wechat"
            />
            <p>扫描二维码微信关注</p>
          </div>
          <div className="qrcode">
            <img
              src={require("../view/assets/foot/pdd_foot_wechat.png").default}
              alt="wechat"
            />
            <p>扫描二维码下载App</p>
          </div>
          <div className="qrcode">
            <img
              src={require("../view/assets/foot/pdd_foot_wechat.png").default}
              alt="wechat"
            />
            <p>微信扫码免费领取拼多多店铺</p>
          </div>
        </div>
        <div className="contact-info">
          <p className="title">联系我们</p>
          <p className="detail">
            客服&举报电话：021-53395288（推荐）或400-8822-528
          </p>
          <p className="detail">商家热线：021-5339-5088</p>
          <p className="detail">商家客服服务时间：8:00-20:30</p>
          <p className="detail">消费者客服服务时间：8:00-21:30</p>
          <p className="detail">
            消费者客服外呼号码显示：9541366（仅呼出，不支持呼入）
          </p>
          <p className="detail">上海寻梦信息技术有限公司</p>
        </div>
      </div>
      <div className="pdd-bottom-nav">
        <ul className="pd-nav-list">
          {lists.map((item, index) => {
            return (
              <li key={item.id} className="pd-nav-list-item">
                <a href="/">
                  <span>{item.name}</span>
                </a>
              </li>
            );
          })}
        </ul>
      </div>
      <div className="copyright">
        <div className="pdd-foot-cr">
          <span>Copyright 2015-2020 pinduoduo.com 版权所有</span>
          <a href="/">(增值电信业务经营许可证：沪B2-20170215)</a>
        </div>
        <div className="pdd-foot-medicine">
          <a href="/">互联网药品信息服务资格证书：（沪）-经营性-2019-0052</a>
        </div>
        <div className="pdd-foot-record">
          <a href="/">
            <img className="record-img" alt="" />
            <span>沪公网安备 31010502000392号</span>
          </a>
          <span>（沪）网械平台备字[2018]第00003号</span>
          <span>|</span>
          <a href="/">营业执照</a>
        </div>
        <div className="pdd-foot-medicine">全国旅游服务热线：12301</div>
      </div>

      <div className="foot-ft">
        <a href="/">
          <img
            src={require("../view/assets/foot/wgxxjb_v2.png").default}
            alt=""
          />
        </a>
        <a href="/">
          <img src={require("../view/assets/foot/yhxxjb.jpg").default} alt="" />
        </a>
        <a href="/">
          <img
            src={require("../view/assets/foot/pdd_weiquan_entry.png").default}
            alt=""
          />
        </a>
        <a href="/">
          <img
            src={
              require("../view/assets/foot/pdd_food_trade_entry.jpg").default
            }
            alt=""
          />
        </a>
        <a href="/">
          <img
            src={require("../view/assets/foot/pdd_wangjing_tip.jpg").default}
            alt=""
          />
        </a>
        <a href="/">
          <img
            src={
              require("../view/assets/foot/pdd_foot_shop_comment.png").default
            }
            alt=""
          />
        </a>
        <a href="/">
          <img
            src={
              require("../view/assets/foot/pdd_foot_competition.png").default
            }
            alt=""
          />
        </a>
      </div>
    </div>
  );
};
export default Footer;
